﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title - Awesome Agile Tool</title>
        <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />


         <link href="@Url.Content("~/Content/kendo/kendo.common.min.css")" rel="stylesheet" type="text/css" />
         <link href="@Url.Content("~/Content/kendo/kendo.blueopal.min.css")" rel="stylesheet" type="text/css" />



         <link href="@Url.Content("~/Content/themes/base/jquery.ui.base.css")" rel="stylesheet" type="text/css" />
         <link href="@Url.Content("~/Content/themes/redmond/jquery-ui-1.8.18.custom.css")" rel="stylesheet" type="text/css" />

@*
            <script src="@Url.Content("~/Scripts/simple-gauge-bar.js?v1")" type="text/javascript"></script>



 *@
@*
        <script src="@Url.Content("~/Scripts/kendo/jquery.min.js")" type="text/javascript"></script>*@
   
         <script src="@Url.Content("~/Scripts/jquery-1.7.1.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/jquery-ui-1.8.17.js")" type="text/javascript"></script>

@*             <script src="@Url.Content("~/Scripts/DataTables-1.9.0/media/js/jquery.dataTables.min.js")" type="text/javascript"></script>*@
      <script src="@Url.Content("~/Scripts/kendo/kendo.all.min.js")" type="text/javascript"></script>

        <script src="@Url.Content("~/Scripts/jquery.signalr.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/signalr/hubs")" type="text/javascript"></script>

        <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>


        <script>

//            $("#progressbar").progressbar({
//                value: 50
//            });


//            ('.date#date').datepicker();



            //    $(document).ready(function () {
            //        $("#workitems").kendoGrid(
            //            {
            //                scrollable: true,
            //                sortable: true,
            //                pageable: true,
            //                height: 500

            //            });
            //        });



            //    $.getJSON('/Settings/Projects', function(data) {
            //          var items = [];

            //          $.each(data, function(i, row) {
            //            items.push('<li id="' + row.Id + '">' + row.Name + '</li>');
            //          });

            //          $('<ul/>', {
            //            'class': 'my-new-list',
            //            html: items.join('')
            //          }).appendTo('body');
            //        });









            //    var dateRegExp = /^\/Date\((.*?)\)\/$/;

            //    function toDate(value) {
            //        var date = dateRegExp.exec(value);
            //        return new Date(parseInt(date[1]));
            //    }





            //    $(document).ready(function () {
            //        $("#queryGrid").kendoGrid({
            //            dataSource: {
            //                type: "json",
            //                transport: {
            //                    read: "/Settings/Queries"
            //                },
            //                schema: {
            //                    model: {
            //                        fields: {
            //                            Id: { type: "number" },
            //                            Name: { type: "number" }
            //                        }
            //                    }
            //                },
            //                pageSize: 10,
            //                serverPaging: true,
            //                serverFiltering: true,
            //                serverSorting: true
            //            },
            //            height: 250,
            //            filterable: true,
            //            sortable: true,
            //            pageable: true,
            //            columns: [{
            //                field: "Id",
            //                filterable: false
            //            },
            //                            "Name"
            //                        ]
            //        });
            //    });




            $(document).ready(function () {
                var workItemSyncHub = $.connection.workItemSyncHub;

                $("input:submit, a, button", ".ui-widget-content").button();



                $("#workitemsyncbutton").click(function () {

                    workItemSyncHub.syncWorkItems();
                    $("#progressbar").show();

                });




                workItemSyncHub.displayMessage = function (message) {
                    var originalmessage = $("#syncmessage").html();



                    $("#syncmessage").html(originalmessage + "<br>" + message)
                };




                workItemSyncHub.updateGaugeBar = function (perc) {

                    $("#progressbar").progressbar('value', perc);

                };

                $.connection.hub.start();
            });
        
        </script>


        <meta name="viewport" content="width=device-width">



                



    </head>
    <body>
        <header>
            <div class="content-wrapper">
                <div class="float-left">
                    <p class="site-title">@Html.ActionLink("Home", "Index", "Home")</p>
                </div>
                <div class="float-right">
                    <section id="login">
                        Hello, <span class="username">@User.Identity.Name</span>!
                    </section>
                    <nav>
                        <ul id="menu">
                        <li>@Html.ActionLink("Home", "Index", "Home")</li>
                            <li>@Html.ActionLink("Dashboard(Alpha)", "Index", "Dashboard")</li>
                            <li>@Html.ActionLink("Planning Poker", "Index", "PlanningPoker")</li>
                           <li>@Html.ActionLink("Settings", "Index", "Settings")</li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <div  id="body" class="ui-widget">
            @RenderSection("featured", false)
            <section class="content-wrapper main-content clear-fix ui-widget-content ui-corner-all">
                @RenderBody()
            </section>
        </div>
        <footer>
            <div class="content-wrapper">
                <div class="float-left">
                    <p>&copy; @DateTime.Now.Year - Awesome Agile Tool</p>
                </div>
                <div class="float-right">
                    <ul id="social">
@*                        <li><a href="http://facebook.com" class="facebook">Facebook</a></li>
                        <li><a href="http://twitter.com" class="twitter">Twitter</a></li>*@

                    </ul>
                </div>
            </div>
        </footer>
    </body>
</html>
